.Controller {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    .ControllerBox {
        position: relative;
        display: flex;
        .command {
            flex: 1;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
            flex-direction: column;
            margin-right: 12px;
            .zoom {
                display: flex;
                padding: 10px 0;
                text-align: center;
                .controller {
                    flex: 1;
                    text-align: center;
                    display: inline-block;
                    width: 36px;
                    height: 36px;
                    line-height: 36px;
                    .anticon {
                        font-size: 18px;
                    }
                }
            }
            .arrow {
                padding: 10px 0;
                text-align: center;
                position: relative;
                .controller {
                    flex: 1;
                    text-align: center;
                    display: inline-block;
                    width: 36px;
                    height: 36px;
                    line-height: 36px;
                    position: absolute;
                    .anticon {
                        font-size: 18px;
                    }
                }
                .controller:nth-of-type(1) {
                    top: 0;
                    left: 18px;
                }
                .controller:nth-of-type(2) {
                    top: 36px;
                    left: 18px;
                }
                .controller:nth-of-type(3) {
                    left: 0;
                    top: 18px;
                }
                .controller:nth-of-type(4) {
                    left: 36px;
                    top: 18px;
                }
            }
            .controller:hover {
                color: #00aeff;
                cursor: pointer;
            }
        }
        .ControllerButton {
            border: none;
            outline: none;
            position: absolute;
            right: 0;
            top: 0;
            width: 10px;
            height: 130px;
            display: flex;
            justify-content: center;
            align-content: center;
            background-color: rgba(255, 255, 255, 0.1);
            cursor: pointer;
        }
        .ControllerButton:hover {
            background-color: rgba(255, 255, 255, 0.4);
            color: #fff;
        }
    }
}